<template>
	<view>
		<u-grid :col="3">
			<u-grid-item :index="0" @click="navTo('/pages/alarmKanban/tuifu/tuifu')">
				<view class="page-icon1">
					<u-badge count="25" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-wuxian" style="color:#E8851B;"></i>
				</view>
				<view class="grid-text">退服</view>
			</u-grid-item>
			<u-grid-item :index="1" @click="navTo('/pages/alarmKanban/tingdian/tingdian')">
				<view class="page-icon1">
					<u-badge count="14" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-hotspot" style="color:#C341C0;"></i>
				</view>
				<view class="grid-text">停电</view>
			</u-grid-item>
			<u-grid-item>
				<view class="page-icon1">
					<u-badge count="91" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-wuxianwangluo" style="color:#E8851B;"></i>
				</view>
				<view class="grid-text">感知</view>
			</u-grid-item>
		</u-grid>
		<u-grid :col="3">
			<u-grid-item>
				<view class="page-icon1">
					<u-badge count="1" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-chuanshu" style="color:#E9EF3D;"></i>
				</view>
				<view class="grid-text">传输</view>
			</u-grid-item>
			<u-grid-item>
				<view class="page-icon1">
					<u-badge count="4" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-24gl-repeat2" style="color:#16E712;"></i>
				</view>
				<view class="grid-text">动环</view>
				
			</u-grid-item>
			<u-grid-item>
				<view class="page-icon1">
					<u-badge count="0" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-24gl-building2" style="color:#E9EF3D;"></i>
				</view>
				<view class="grid-text">集客</view>
			</u-grid-item>
		</u-grid>
		<u-grid :col="3">
			<u-grid-item>
				<view class="page-icon1">
					<u-badge count="7" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-jia" style="color:#E9EF3D;"></i>
				</view>
				<view class="grid-text">家客</view>
			</u-grid-item>
			<u-grid-item>
				<view class="page-icon1">
					<u-badge count="0" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-wangzhan" style="color:#1280E7;"></i>
				</view>
				<view class="grid-text">核心网</view>
			</u-grid-item>
			<u-grid-item>
				<view class="page-icon1">
					<u-badge count="0" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-shuzhuangtu" style="color:#16E712;"></i>
				</view>
				<view class="grid-text">数据网</view>
			</u-grid-item>
		</u-grid>
		<u-grid :col="3">
			<u-grid-item>
				<view class="page-icon1">
					<u-badge count="0" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-wifi" style="color:#82EAEC;"></i>
				</view>
				<view class="grid-text">Wlan</view>
			</u-grid-item>
			<u-grid-item>
				<view class="page-icon1">
					<u-badge count="6" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-gaotie" style="color:#82EAEC;"></i>
				</view>
				<view class="grid-text">高铁RRU</view>
			</u-grid-item>
			<u-grid-item>
				
				<view class="page-icon1">
					<u-badge count="6" :offset="[20, 40]"></u-badge>
					<i class="iconfont icon-gaosuETC" style="color:#82EAEC;"></i>
				</view>
				<view class="grid-text">高速</view>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			
			}
		},
		methods: {
			navTo(url) {
				uni.navigateTo({
					url: url
				});
			},
		}
	}
</script>


<style scoped lang="scss">
	// @import '../../css/iconfont.css';
	.grid-text {
		font-size: 28rpx;
		margin-top: 1rpx;
		color: $u-type-info;
	}
	.page-icon1 {
	 	width: 80px;
	 	height: 60px;
		align-items: center;
	 	border-radius: 6px;
	 	// box-sizing: border-box;
		display: flex;
		justify-content: center;
		color:#ffffff;
		font-size: 26px;
	 }
	 
	 .home-icon  {
	 	font-size: 18px;
	 }
	 i {
		 font-size: 60rpx;
	 }
	 
</style>
